// 1 定义组件 也可以从其他地方放import
	const Foo={
		template:"#detail",
		data:function(){
			return	{ message:{}}
		},
		mounted:function(){
			var orderId=this.$route.params.id
			this.getData(orderId)
		},
		methods:{
			getData:function(data){	
			this.$http.get('testJson/orderId.json').then(res=>{
				// console.log(res.data.repairOrder);
				// console.log(this)
				this.message=res.data.repairOrder;
			})
			}
		}

	}

	const Blank={
		template:"<div></div>"
	}
// 2 定义路由 注意这里是routes
	const routes=[
		{
			path:'/',
			component:Blank
		},
		{
			path:'/foo/:id',
			name:"foo",
			component:Foo
		},
	]
//创建路由实例 将 routers作为参数传入routers，也可以传入其他参数 
	const router=new VueRouter({
		routes:routes
	})



var vm=new Vue({
	el:"#myOrder",
	router:router,
	data:{
		msg:[],
		listShow:true
	},
	mounted:function(){
		// console.log(this.$route.params)
		this.getData();
	},
	filters:{
		dateChange:function(date){
			//时间格式化
			Date.prototype.pattern = function(fmt) {
			    var o = {
			        "M+": this.getMonth() + 1, //月份         
			        "d+": this.getDate(), //日         
			        "h+": this.getHours() % 12 == 0 ? 12 : this.getHours() % 12, //小时         
			        "H+": this.getHours(), //小时         
			        "m+": this.getMinutes(), //分         
			        "s+": this.getSeconds(), //秒         
			        "q+": Math.floor((this.getMonth() + 3) / 3), //季度         
			        "S": this.getMilliseconds() //毫秒         
			    };
			    var week = {
			        "0": "/u65e5",
			        "1": "/u4e00",
			        "2": "/u4e8c",
			        "3": "/u4e09",
			        "4": "/u56db",
			        "5": "/u4e94",
			        "6": "/u516d"
			    };
			    if (/(y+)/.test(fmt)) {
			        fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
			    }
			    if (/(E+)/.test(fmt)) {
			        fmt = fmt.replace(RegExp.$1, ((RegExp.$1.length > 1) ? (RegExp.$1.length > 2 ? "/u661f/u671f" : "/u5468") : "") + week[this.getDay() + ""]);
			    }
			    for (var k in o) {
			        if (new RegExp("(" + k + ")").test(fmt)) {
			            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
			        }
			    }
			    return fmt;
			}

			 var date = new Date(date);
             return   date.pattern("yyyy-MM-dd");
		}
	},
	methods:{
		getData:function(){
			this.$http.get('testJson/repairOrder_queryRepaidRecord.json').then(res=>{
				// console.log(res)
				this.msg=res.data.repairOrders;
			})
			// console.log(111)
		},
		goDetail:function(){
			// $.alert(222);
			this.listShow=false;
			// console.log(this.listShow);
		}

	}
})